<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>食尚客舱--我的分享</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <style type="text/css">
      html,body{ background-color: #fff;}
    </style>
  </head>
  <body id="app">
    <section>
      <img class="db w100" src="images/banner.jpg">
      <div class="myshareBox">
        <span class="db font40">我在前卫长平总店参与食尚客舱分享免费抽零食活动，帮我点赞可参加免费抽取iPhone8，还有更多到店惊喜等你来玩。</span>
        <div class="photo">
          <img src="images/u702.jpg" alt="" class="textC">
        </div>
        <div class="happyNews pad24">
          <span class="db padB24 font40 bold">寄语：</span>
          <span class="db font36 padLR24">分享就能免费拿零食，还能邀请好友抽奖，这么好的事，真的假的？</span>
        </div>
        <div class="textC padTB24">
          <!-- <span class="appreciate">赞</span> -->
          <img src="images/envelope.png" class="w33 j_open">
        </div>
        <ul class="appreBox">
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u737.jpg">
          </li>
          <li class="apprePhoto">
            <img src="images/u739.jpg">
          </li>
        </ul>
        <span class="db font36 padT24 bold">共有2人点赞</span>
      </div>
    </section>
    
    <div class="pop_bg"></div>
    <div class="pop_box j_boradBox">
        <div class="boradBox marTB40">
          <span class="db font36 textL">恭喜您获得：</span>
          <span class="db font36 textC padT24">前卫长平总店洗剪免费体验券</span>
          <span class="db font36 textC colorR padT24">4398-1012-3402</span>
          <span class="db font18 padT40 textR rule">【使用须知】</span>
        </div>  
      </div>
    </div>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
      $('.j_open').on('click',function(){
        $(".pop_bg,.j_boradBox").show();
      })
    </script>
  </body>
</html>
